import React, { Component, Fragment } from 'react';
import { connect } from 'react-redux'
import { Form, Row, Col, Card, Alert , Button} from 'antd'
import Users from './Users'
import Articles from './Articles'
import Comments from './Comments'

import styles from './SearchContent.less'

class SearchContent extends Component {

  cleanSelectedKeys() {}
  render() {
    return (
      <div className={styles.search_content}>
        <div className={styles.content_alert}>
          <Alert
            message={
              <Fragment>
                已选择 <a style={{ fontWeight: 600 }}>5</a> 项&nbsp;&nbsp;
                <span style={{ marginLeft: 8 }}>
                  服务调用次数总计&nbsp;
                  <span style={{ fontWeight: 600 }}>
                    100
                  </span>
                </span>
                <a onClick={this.cleanSelectedKeys} style={{ marginLeft: 24 }}>
                  清空
                </a>
              </Fragment>
            }
            type="info"
            showIcon
          />
        </div>
        <Users/>
        <Articles/>
        <Comments/>
      </div>
    )

  }
}

const mapState = state => {
  return {}
}

export default connect(mapState)(SearchContent)
